<template>
  <div id="app">
    <router-view :activeIndex="activeIndex" transition transition-mode="out-in"></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex:'1'
    }
    }
}
</script>

<style>
@import url('./common/css/base.css');

* {
  margin:0;padding:0;
}
.cn_name {
  font-size : 1.9em;
}
.en_name {
  font-size : 1em;
  margin-top : 0.7em;
}
.module_title {
  min-height : 67px;
  margin-top:2em;
  margin-bottom : 2em;
}
.line {
  height:0.7em;
  width:5.8%;
  border-bottom : 3px solid #f39800;
  margin: 0 auto;
}
.icon {
  max-width:100%;
}
.system_title {
  margin-top:0.9em;
}

.el-carousel__mask {
  background : none;
}
.el-carousel__item {
  padding-top: 40px;
}
.el-carousel__item.is-active {
  padding-top: 0px;
  height : 340px;
}
.el-carousel__item.is-active img{
  height : 340px;
}
.work_card {
  background : #0d789a;
  height : 580px;
}
.work_card .cn_name , .work_card .en_name {
  color : #fff;
}
.service_zoom {
  background : #ccc;
  min-height : 400px;
}




</style>
